<template>
  <div class="contentBox animated fadeIn" :style="{height:winHeight}" >
    <div id="html2canvas"></div>
    <div class="leftImg" v-if="shows">
      <img src="../../static/image/left.png" alt="">
      <p>
        左脑优势的人理性，说服能力强，对阅读、推理的活动更感兴趣。如果你是左脑优势者，可能是出色的会计师或规划者。世界上大部分人都是左脑优势者！
      </p>
      <img  src="../../static/image/xlhx2.png" alt="">
    </div>
    <div class="rightImg" v-else>
      <img src="../../static/image/right.png" alt="">
      <p>
        右脑优势的人感性，擅长直觉、想象，在美术、音乐等艺术领域有很高的悟性。图像记忆能力高，爱做白日梦，动作协调行动敏捷。
      </p>
      <img  src="../../static/image/xlhx1.png" alt="">
    </div>
    <img class="eqm" src="../../static/image/15095204351.png" alt="">
  </div>
</template>
<script>
import html2canvas from "../../static/js/html2canvas.min.js";
export default {
  name: "component_name",
  data() {
    return {
      winHeight: $(window).innerHeight() + "px",
      shows: false
    };
  },
  created: function() {
    let thisVal = this.$route.params.id;
    let that = this;
    if (thisVal == "1") {
      that.shows = true;
      let sjtext = new Array();
      sjtext = [
        "据说90%的人是左脑优势的，反正我信了，不信你试试？",
        "小的时候，最喜欢看的就是柯南和狄仁杰了，哈哈！",
        "左脑优势，让我在社交场合比较活跃，善于判断各种关系和因果！",
        "终于知道我为什么不迷路了，因为我是左脑优势",
        "在成为侦探和推理专家的路上，我越走越远！",
        "在我的记忆里，所有的事情都会被转化问文字、符号，我是左脑优势",
        "左脑优势，让我在社交场合比较活跃，善于判断各种关系和因果！",
        "终于知道我为什么不迷路了，因为我是左脑优势",
        "据说90%的人是左脑优势的，反正我信了，不信你试试？",
        "在我的记忆里，所有的事情都会被转化问文字、符号，我是左脑优势"
      ];
      let a = Math.random() + "";
      let aa = a.charAt(3);
      $("title").text(sjtext[aa]);

    }
    if (thisVal == "2") {
      that.shows = false;
      let sjtext = new Array();
      sjtext = [
        "右脑优势的人，大多是艺术家，在艺术上的造诣会很高？",
        "我的左右脑测试结果为右脑优势，以后我要进入艺术圈了！",
        "在成为艺术家的道路上，我又更近了一步！",
        "曾经，我有一个艺术家的梦，我以为不能实现了，其实我错了！",
        "虽然我是右脑优势，但不一定就是个左撇子！",
        "据说：全球有10%的人是左撇子，而我是这10%！你呢？",
        "右脑是高速记忆，具有“过目不忘”的本事！",
        "在我的世界里，所有的信息都被转化为图象，因为我是右脑优势！",
        "据说：全球有10%的人是左撇子，而我是这10%！你呢？",
        "右脑优势的人，大多是艺术家，在艺术上的造诣会很高？"
      ];
      let a = Math.random() + "";
      let aa = a.charAt(3);
      // console.log(aa);

    }
    // var str = $("#html2canvas");

  },

mounted () {
   setTimeout(function() {
     let widths = $(window).innerWidth();
     let heights = $(window).innerHeight();
         html2canvas(document.body, {
        onrendered: function(canvas) {
          var image = canvas.toDataURL("image/png");
          var pHtml =
            "<img class='endImg' style='border-radius:0px;border:0px;' src=" +
            image +
            " />";
          // $("#html2canvas").html(pHtml);
          $('body').append(pHtml)
        },width:widths*2,height:heights*2
      });
 }, 200);
}
};
</script>
<style lang="css" scoped>

</style>